<template>
	<view class="filmInfo-content">
		<view class="filmInfo-left-line">
			<view class="filmInfo-content-details" v-for="(item,index) in filmData"
				@click="lookVideo(item.type,item.id)">
				<view class="filmInfo_model" v-if="!item.type">
					<text class="cuIcon-lock"></text>
				</view>
				<view class="film-time">
					{{item.createTime}}
				</view>
				<view class="film-info">
					<view class="film-img">
						<image :src="item.thumbnail" mode="aspectFill" class="image data-v-0034d6f4">
						</image>
					</view>
					<view class="film-name">
						{{item.title}}
					</view>
					<view class="film-dashed">

					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			filmData: {
				type: Array,
				default: []
			}
		},

		data() {
			return {

			}
		},

		methods: {
			//点击打开视频
			lookVideo(type, id) {
				if (type) {
					uni.navigateTo({
						url: `/pages/filmVideo/filmVideo?resourceId=${id}`,
					});
					return false
				}
				//解锁资源事件
				this.$emit("unlockResource", id)
			},

		},

	}
</script>

<style>
	@import '../../article.css';

	.filmInfo-content-details {
		position: relative;
	}

	.filmInfo_model {
		position: absolute;
		width: 90%;
		height: 90%;
		z-index: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.cuIcon-lock {
		color: #000;
		font-size: 56px
	}
</style>
